<template>
		<view class="body">
			<view class="applyone " @tap="hanleToApplyNow()" v-if="can(15)">
				<view>
					<text class="cuIcon-group_fill" style="color: #39B54A;font-size: 60rpx;margin-right: 20rpx;"></text>专业班设置
				</view>
			</view>
			<view class="applytow" @tap="hanleToApplyNowDetail()" v-if="can(6)">
				<view >
					<text class="cuIcon-selectionfill"  style="color: blue;font-size: 60rpx;margin-right: 20rpx;"></text>专业班招生设置
				</view>
			</view>
		</view>
</template>
	
	<script lang="ts" setup>
		import {usePermission} from "../../utils/usePermission"
		const {can} = usePermission()
		function hanleToApplyNow(){
			uni.navigateTo({ //专业班设置
				url: `/pages/manage/classes`
			})
		}
		function hanleToApplyNowDetail(){
			uni.navigateTo({ //专业班招生设置
				url: `/pages/manage/Zsindex`
			})
		}
	</script>
	
	<style lang="scss">
		.body{
			height: 100vh;
			background: white;
			display: flex;
			align-items: center;
			flex-direction: column;
			.applyone{
				view{
					padding: 10rpx;
					margin-top: 80%;
					font-size: 32rpx;
					height: 150rpx;
					width:500rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					font-weight: 700;
					box-shadow: #9e9e9e 5rpx 10rpx 5rpx;
					margin-bottom: 50rpx;
					border-radius: 5%;
				}
			}
			.applytow{
				view{
					font-size: 32rpx;
					height: 150rpx;
					width: 500rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					font-weight: 700;
					box-shadow: #9e9e9e 5rpx 10rpx 5rpx;
					border-radius: 5%;
				}
			}
		}
	</style>